<template>
  <div class="page-container">
    <PanelTab @change="handleChange" />
    <div class="page-content">
      <el-row :gutter="10">
        <el-col :span="18">
          <el-row>
            <el-col :span="24">
              <PanelChart :time="time" chartType="pie" title="资产处置·分类概况" :api="apiAssetCls" param="cate_id" />
            </el-col>
            <el-col :span="24">
              <PanelChart :time="time" chartType="pie" title="资产处置·地区概况" :api="apiAssetArea" param="sheng_id" />
            </el-col>
            <el-col :span="24">
              <PanelChart :time="time" chartType="line" title="独享·分类概况" :api="apiDuxCls" param="cate_id" />
            </el-col>
            <el-col :span="24">
              <PanelChart :time="time" chartType="line" title="独享·地区概况" :api="apiDuxArea" param="sheng_id" />
            </el-col>
            <el-col :span="24">
              <PanelChart :time="time" chartType="bar" title="招标拍卖·分类概况" :api="apiNoticeCls" param="cate_id" />
            </el-col>
            <el-col :span="24">
              <PanelChart :time="time" chartType="bar" title="招标拍卖·地区概况" :api="apiNoticeArea" param="sheng_id" />
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="6">
          <ZFTInformationVue></ZFTInformationVue>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import { apiAssetCls, apiAssetArea, apiDuxCls, apiDuxArea, apiNoticeCls, apiNoticeArea } from '@/api/index'
import PanelTab from '@/components/panel/PanelTab.vue'
import PanelChart from '@/components/panel/PanelChart.vue'
import ZFTInformationVue from './components/ZFTInformation.vue'

export default {
  name: 'Dashboard',
  components: { PanelTab, ZFTInformationVue, PanelChart },
  data() {
    return {
      time: {},
      apiAssetCls,
      apiAssetArea,
      apiDuxCls,
      apiDuxArea,
      apiNoticeCls,
      apiNoticeArea,
    }
  },
  mounted() {},
  destroyed() {},
  methods: {
    // 时间变动
    handleChange(time) {
      this.time = time
    },
  },
}
</script>

<style scoped lang="scss">
.page-content {
  padding-top: 62px;
}
</style>
